<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>
<%@ include file="../jgpt/jgpt_authority.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>广东省网上办事大厅 - 珠海分厅 - 网上办事</title>
		<meta content="text/html; charset=utf-8" http-equiv=Content-Type/>
		<meta name=description content=广东省网上办事大厅-珠海分厅/>
		<meta name=keywords
			content="珠海，投资申请，项目审批，商机，珠海人民政府，政民互动,效能监察,投资审批,网上办事 "/>
		<link rel=stylesheet type=text/css href="../static/css/common.css"/>
		<link rel=stylesheet type=text/css href="../static/css/wsbs.css"/>
		<script type=text/javascript src="../js/jquery-1.9.0.min.js"></script>
		<script src="../js/commonInChildPage.js" type=text/javascript></script>
		<script src="../js/highcharts.js" type=text/javascript></script>
		<link rel=stylesheet type=text/css href="../js/My97DatePicker/skin/WdatePicker.css"/>
		<script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
		<!--[if IE 6]>
			<script src="../js/DD_belatedPNG.js" type="text/javascript"></script>
			    <script type="text/javascript">
			        DD_belatedPNG.fix('.png');
			</script>
		<![endif]-->
		<meta name=GENERATOR content="MSHTML 8.00.6001.23501"/>
		<style type="text/css">
 			.tjtable{margin:40px 20px 20px 20px;width:760px}
			.tjtable tr td{width:100px;height:20px;text-align:center;}
		</style>
	</head>
	<body>
		<jsp:include page="../include/head.jsp" />
		<div class=position>
			<strong>
				<table id='wypy' border=0 cellSpacing=0 cellPadding=0 width=373>
					<tbody>
						<tr>
							<td class=xinxin_font height=20 vAlign=bottom width=170
								align=right>
								本窗口服务星级评定：
							</td>
							<td onmouseover=rate(this,event) vAlign=center width=140
								align=left>
								<img title=很烂 src="../images/star_2.png" width=20/>
								<img title=一般 src="../images/star_2.png" width=20/>
								<img title=还好 src="../images/star_2.png" width=20/>
								<img title=较好 src="../images/star_2.png" width=20/>
								<img title=很好 src="../images/star_2.png" width=20/>
							</td>
							
						    <td class="xinxin_font" width="40"  height="20"
								align="right">
								<a href="${pageContext.request.contextPath}/jgpt_logout.do">退出&nbsp;&nbsp;&nbsp;</a>
							</td>
							
						</tr>
					</tbody>
				</table>您现在的位置：</strong>
				<a href="http://wsbs.zhzw.gov.cn/">首 页</a> &gt;
				<a href="http://wsbs.zhzw.gov.cn/wsbs/">网上办事</a> &gt;
				<a href="../index.do">公共资源交易大厅</a>&gt;
				<a href="../login.do">监管平台</a>&gt;
				产权交易中标汇总分析
		</div>
		<div class=cl></div>
		<div class="main t10 clearfix">

			<!-- left -->
			<div class="main_l" style="height:860px " >
				<div class="left_nav">
					<div class="left_nav_tit">
						<a href="#">综合监管</a>
					</div>
						<div class="bar_list">
						<h5>
							<span>监管信息</span>
						</h5>
						<ul id="ChildMenu1">
						 <c:forEach items="${authList}" var="p" >
							<li class="${p.currentStyleClass}">
								<a href="${p.menuUrl}" class="${p.currentStyleClass}">${p.menuName}</a>
							</li>
						 </c:forEach>
						
						</ul>
					</div>					
				</div>
				<div class="clear"></div>

			</div>
			<!-- left end -->
			<!-- right -->
			<div class="main_r" style="padding-top:0px">
				<div class="right_box">
					<div class="content-box" style="width:800px;min-height:865px;height:auto;margin-bottom:10px">
						<div class="content-box_tit">
							产权交易中标汇总分析
						</div>
							<form method="get" action="jgpt_cqjy.do" >
								<table  style="min-width: 300px; margin: 10px 1px 1px 150px">
									<tr>
										<td>开始时间：</td>
										<td>
											<input class="Wdate" type="text" onClick="WdatePicker()" name="begin" value="${begin}" />
										</td>
										<td>
											&nbsp;&nbsp;结束时间：
										</td>
										<td>
											<input class="Wdate" type="text" onClick="WdatePicker()" name="end" value="${end}" />
										</td>
										<td>
											&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="Submit" id="searchButton" value="查询" class="input_button_small"/>
										</td>
									</tr>
								</table>
							</form>
							<div id="zxtContainer" style="min-width: 250px; height: 250px; margin: 0 auto"></div>
							<div id="zztContainer" style="min-width: 250px; height: 250px; margin: 0 auto"></div>
							<table border=1 class="tjtable">
								<tr>
									<td rowspan=2>月份</td><td rowspan=2>项目个数</td><td rowspan=2>成交金额<br/>(万元)</td>
									<td colspan=2>国有及国有控股企业</td><td colspan=2>非国有企业</td><td colspan=2>国有参股企业</td><td colspan=2>外资企业</td><td colspan=2>其他</td>
								</tr>
								<tr>
									<td>个数</td><td>金额占比%</td><td>个数</td><td>金额占比%</td><td>个数</td><td>金额占比%</td>
									<td>个数</td><td>金额占比%</td>
									<td>个数</td><td>金额占比%</td>
								</tr>
								<c:forEach items="${gkjjMap}" var="e">
										<c:set var="totalnums"  value="${gkjjMap[e.key].nums+ztbMap[e.key].nums+pmMap[e.key].nums+qtMap[e.key].nums+wzMap[e.key].nums}" scope="page"/> 
										<c:set var="totalprice" value="${gkjjMap[e.key].prices+ztbMap[e.key].prices+pmMap[e.key].prices+qtMap[e.key].prices+wzMap[e.key].prices}"  scope="page"/> 
										<c:set var="gkjjPercent" value="${gkjjMap[e.key].prices/totalprice*100}"  scope="page"/> 
										<c:set var="ztbPercent" value="${ztbMap[e.key].prices/totalprice*100}"  scope="page"/>
										<c:set var="pmPercent" value="${pm[e.key].prices/totalprice*100}"  scope="page"/>
										<c:set var="wzPercent" value="${wzMap[e.key].prices/totalprice*100}"  scope="page"/>
										<c:set var="qtPercent" value="${qtMap[e.key].prices/totalprice*100}"  scope="page"/>
										<c:if test="${totalprice == 0}">
											<c:set var="gkjjPercent" value="0"  scope="page"/> 
											<c:set var="ztbPercent" value="0"  scope="page"/>
											<c:set var="pmPercent" value="0"  scope="page"/>
											<c:set var="wzPercent" value="0"  scope="page"/>
											<c:set var="qtPercent" value="0"  scope="page"/>
										</c:if>
									<tr>
										<td>${e.key}</td><td>${totalnums}</td>
										<td style="width:140px"><fmt:formatNumber value="${totalprice}" pattern="##################.######"/></td>
										<td>${gkjjMap[e.key].nums}</td><td><fmt:formatNumber type="number" value="${gkjjPercent}" maxFractionDigits="2"/></td>
										<td>${ztbMap[e.key].nums}</td><td><fmt:formatNumber type="number" value="${ztbPercent}" maxFractionDigits="2"/></td>
										<td>${pmMap[e.key].nums}</td><td><fmt:formatNumber type="number" value="${pmPercent}" maxFractionDigits="2"/></td>
										<td>${wzMap[e.key].nums}</td><td><fmt:formatNumber type="number" value="${wzPercent}" maxFractionDigits="2"/></td>
										<td>${qtMap[e.key].nums}</td><td><fmt:formatNumber type="number" value="${qtPercent}" maxFractionDigits="2"/></td>
									</tr>
								</c:forEach></table>
					</div>
					
				</div>
			</div>
		</div>
		<div class=cb></div>
		<jsp:include page="../include/bottom.jsp" />
		
	<script type="text/javascript">
    $(function () {
        $('#zxtContainer').highcharts({
            title: {
                text: '工程数量统计图',
                x: -20 //center
            },
            
			credits: { //去掉右下角highchart标识
            	 text: '',
            	 href: ''
        	 	},
            xAxis: {
                categories:[ //x轴
                <c:forEach items="${gkjjMap}" var="entry"> 
               	"${entry.key}", 
				</c:forEach>  
                ]
            },
            yAxis: {
                title: {
                    text: '数量'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '个'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: '国有及国有控股企业',
                data: [
	                 <c:forEach items="${gkjjMap}" var="gkjj"> ${gkjj.value.nums},</c:forEach>  
                ]
            }, {
                name: '非国有企业',
                data: [
	                 <c:forEach items="${ztbMap}" var="ztb"> ${ztb.value.nums},</c:forEach>  
                ]
            }, {
                name: '国有参股企业',
               	data: [
	                 <c:forEach items="${pmMap}" var="pm"> ${pm.value.nums},</c:forEach>  
                ]
            }, {
                name: '外资企业',
               	data: [
	                 <c:forEach items="${wzMap}" var="wz"> ${wz.value.nums},</c:forEach>  
                ]
            }, {
                name: '其它',
                data: [
	                 <c:forEach items="${qtMap}" var="qt"> ${qt.value.nums},</c:forEach>  
                ]
            }]
        });
    });
</script>
				<script type="text/javascript">
  $(function () {
        $('#zztContainer').highcharts({
            chart: {
                type: 'column'//表格类型
            },
            title: {
                text: '月度成交金额图'//title
            },
						credits: { //去掉右下角highchart标识
            	 text: '',
            	 href: ''
        	 },
            xAxis: {
                categories: [ //x轴
                    <c:forEach items="${gkjjMap}" var="entry"> 
               	"${entry.key}", 
				</c:forEach> 
                ]
            },
            yAxis: { //y轴
                min: 0,
                title: {
                    text: '成交金额(万元)'
                }
            },
            tooltip: { //自定义tooltip
							headerFormat: '<span style="font-size:10px">{point.key}</span><table style="width:120px;font-size:12px">',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="padding:0"><b>{point.y:.4f}万元</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,//绘制柱状图宽度，值越小越宽
                    borderWidth: 0
                }
            },
            series: [{
                name: '国有及国有控股企业',
                data: [
	                 <c:forEach items="${gkjjMap}" var="gkjj"> ${gkjj.value.prices},</c:forEach>  
                ]
            }, {
                name: '非国有企业',
                data: [
	                 <c:forEach items="${ztbMap}" var="ztb"> ${ztb.value.prices},</c:forEach>  
                ]
            }, {
                name: '国有参股企业',
               	data: [
	                 <c:forEach items="${pmMap}" var="pm"> ${pm.value.prices},</c:forEach>  
                ]
            }, {
                name: '外资企业',
               	data: [
	                 <c:forEach items="${wzMap}" var="wz"> ${wz.value.prices},</c:forEach>  
                ]
            }, {
                name: '其它',
                data: [
	                 <c:forEach items="${qtMap}" var="qt"> ${qt.value.prices},</c:forEach>  
                ]
            }]
        });
    });
	</script>
	</body>
	
</html>

